<ui:composition  xmlns="http://www.w3.org/1999/xhtml"
                 xmlns:ui="http://java.sun.com/jsf/facelets"
                 xmlns:h="http://java.sun.com/jsf/html"
                 template="template.xhtml"
                 xmlns:c="http://java.sun.com/jsp/jstl/core"
                 xmlns:f="http://java.sun.com/jsf/core"
                 xmlns:ice="http://www.icesoft.com/icefaces/component"
                 xmlns:icecore="http://www.icefaces.org/icefaces/core">
    <!--

    xmlns:p="http://primefaces.prime.com.tr/ui"
    -->
    <ui:param name="title" value="Nyheter"/>
    <ui:define name="content">



        <!-- Text Field input onsubmit="false" partialSubmit="false" submitted="false"-->
        <ice:form>
            <ice:panelGroup>
                <ice:panelGrid columns="3" columnClasses="reg-labels, reg-input, reg-msg">
                    <ice:outputLabel for="TxtFname"
                                     value="#{bundle.firstname}" style="line-height:200%"/>
                    <ice:inputText id="TxtFname"
                                   size="30"
                                   maxlength="30"
                                   valueChangeListener="#{registerControlBean.viewCheckName}"
                                   value="#{registerBackBean.firstname}"
                                   partialSubmit="false"
                                   required="false">
                        <icecore:singleSubmit />
                    </ice:inputText>
                    <ice:message id="fnameMsg" for="TxtFname" style="color:red; line-height:200%;background: url( 'xmlhttp/css/rime/css-images/bullet.gif' ) no-repeat 0 3px;padding-left:15px"/>
                </ice:panelGrid>

                <ice:panelGrid columns="3" columnClasses="reg-labels, reg-input, reg-msg">
                    <ice:outputLabel for="TxtLname"
                                     value="#{bundle.lastname}" 
                                     style="line-height:200%;width:500px;"/>
                    <ice:inputText id="TxtLname"
                                   size="30"
                                   maxlength="30"
                                   valueChangeListener="#{registerControlBean.viewCheckName}"
                                   value="#{registerBackBean.lastname}"
                                   partialSubmit="false"
                                   required="false">
                        <icecore:singleSubmit />
                    </ice:inputText>
                    <ice:message id="lnameMsg" for="TxtLname" style="color:red; line-height:200%;background: url( 'xmlhttp/css/rime/css-images/bullet.gif' ) no-repeat 0 3px;padding-left:15px"/>
                </ice:panelGrid>

                <ice:panelGrid columns="3" columnClasses="reg-labels, reg-input, reg-msg">
                    <ice:outputLabel for="TxtUname"
                                     value="#{bundle.username}"
                                     style="line-height:200%;width:500px;"/>
                    <ice:inputText id="TxtUname"
                                   size="30"
                                   maxlength="30"
                                   valueChangeListener="#{registerControlBean.viewCheckName}"
                                   value="#{registerBackBean.username}"
                                   partialSubmit="false"
                                   required="false">
                        <icecore:singleSubmit />
                    </ice:inputText>
                    <ice:message id="unameMsg" for="TxtUname" style="color:red; line-height:200%;background: url( 'xmlhttp/css/rime/css-images/bullet.gif' ) no-repeat 0 3px;padding-left:15px"/>
                </ice:panelGrid>
                <br />
                <ice:panelGrid columns="3" columnClasses="reg-labels, reg-input, reg-msg">
                    <ice:outputLabel for="TxtPassword"
                                     value="#{bundle.password}"
                                     style="line-height:200%;width:500px;"/>
                    <ice:inputSecret  id="TxtPassword"
                                     size="30"
                                     maxlength="30"
                                     valueChangeListener="#{registerControlBean.viewCheckPassword}"
                                     value="#{registerBackBean.password}"
                                     partialSubmit="false"
                                     required="false"
                                     redisplay="true">
                        <icecore:singleSubmit />
                    </ice:inputSecret>
                    <ice:message id="pasMsg" for="TxtPassword" style="color:red; line-height:200%;background: url( 'xmlhttp/css/rime/css-images/bullet.gif' ) no-repeat 0 3px;padding-left:15px"/>
                </ice:panelGrid>

                <ice:panelGrid columns="3" columnClasses="reg-labels, reg-input, reg-msg">
                    <ice:outputLabel for="TxtEmail"
                                     value="#{bundle.email}"
                                     style="line-height:200%;width:500px;"/>
                    <ice:inputText id="TxtEmail"
                                   size="30"
                                   maxlength="30"
                                   valueChangeListener="#{registerControlBean.viewCheckEmail}"
                                   value="#{registerBackBean.email}"
                                   partialSubmit="false"
                                   required="false">
                        <icecore:singleSubmit />
                    </ice:inputText>
                    <ice:message id="emailMsg" for="TxtEmail" style="color:red; line-height:200%;background: url( 'xmlhttp/css/rime/css-images/bullet.gif' ) no-repeat 0 3px;padding-left:15px"/>
                </ice:panelGrid>


                <ice:commandButton value="#{bundle.register}"
                                   style="font-size:12px"
                                   actionListener="#{registerControlBean.buttonClicked}"/>


                <ice:panelPopup id="modalPnlPop"
                                draggable="false"
                                modal="true"
                                visible="#{registerControlBean.withConfirmation}"
                                autoCentre="true"
                                styleClass="popupHeader">
                    <f:facet name="header">
                        <ice:panelGroup>
                            <ice:outputText
                                value="#{bundle.regPopupTitle}"
                                styleClass="popupHeaderText"/>
                            <!--
                             styleClass="popupHeaderWrapper"
                            <ice:commandButton id="modalPnlCloseBtn" type="button"
                                               image="120px-Face-smile.svg.png"

                                               styleClass="popupHeaderImage"
                                               title="Close Popup" alt="Close"/>

                             styleClass="popupBody"
                            -->
                        </ice:panelGroup>
                    </f:facet>
                    <f:facet name="body">
                        <ice:panelGroup styleClass="popup1" >
                            <ice:panelGroup styleClass="popup2" >
                                <ice:panelGrid columns="2" columnClasses="pop-labels, pop-data">
                                <ice:outputText value="#{bundle.password}:"/>
                                <ice:outputText value="#{registerBackBean.password}"/>
                                <ice:outputText value="#{bundle.email}:"/>
                                <ice:outputText value="#{registerBackBean.email}"/>
                                </ice:panelGrid>

                            </ice:panelGroup>
                            <ice:panelGroup styleClass="popup3">
                                <ice:commandButton id="btnPopVerify" type="submit"
                                                   value="#{bundle.verify}"
                                                   action="#{registerControlBean.popupAccept}" />
                                <ice:commandButton id="btnPopClose" type="submit"
                                                   value="#{bundle.change}"/>
                            </ice:panelGroup>
                        </ice:panelGroup>
                    </f:facet>

                </ice:panelPopup>





            </ice:panelGroup>
        </ice:form>

    </ui:define>

</ui:composition>